<template>
  <div>
    <footer>
      <div class="arrow" @click="syy"></div>
      <span>公司详情</span>
    </footer>
    <div class="company_name">
      <span class="company_name_top"> {{ gsxq.name }} </span>
      <span class="company_name_bottom">{{ gsxq.bname }}</span>
    </div>
    <div class="company_br">
      <div class="company_br_lift">
        <span>{{ gsxq.number }}</span>
        <span class="company_br_lift_xx">
          <span class="iconfont icon-shoucang"></span>
          <span class="iconfont icon-shoucang"></span>
          <span class="iconfont icon-shoucang"></span>
          <span class="iconfont icon-shoucang"></span>
          <span class="iconfont icon-shoucang"></span>
        </span>
      </div>
      <div class="company_br_center">
        <span class="company_br_center_top">消息回复率</span>
        <span class="company_br_center_bottom">100%</span>
      </div>
      <div class="company_br_right">
        <span class="company_br_right_top">报名处理速度</span>
        <span class="company_br_right_bottom">1-2天</span>
      </div>
    </div>
    <div>
      <h3>&nbsp;&nbsp;</h3>
    </div>
    <div class="jbxx">
      <h3>基本信息</h3>
    </div>
    <ul>
      <li class="qylx">
        <span>企业类型</span>
        <span>{{ gsxq.qylx }}</span>
      </li>
      <li class="jyzt">
        <span>经营状态</span>
        <span>{{ gsxq.jyzt }}</span>
      </li>
      <li class="zczj">
        <span>注册资金</span>
        <span>{{ gsxq.zczj }}</span>
      </li>
      <li class="hylx">
        <span>行业类型</span>
        <span>{{ gsxq.hylx }}</span>
      </li>
      <li class="clrq">
        <span>成立日期</span>
        <span>{{ gsxq.clrq }}</span>
      </li>
      <li class="czdz">
        <span>注册资金</span>
        <span>{{ gsxq.zcdz }} </span>
      </li>
      <li class="djjg">
        <span>登记机关</span>
        <span>{{ gsxq.djjg }} </span>
      </li>
      <li class="shxy">
        <span>统一社会信用代码</span>
        <span>{{ gsxq.shxy }} </span>
      </li>
      <li class="jyfw">
        <span>经营范围</span>
        <span>{{ gsxq.jyfw }} </span>
      </li>
    </ul>
    <div class="gsjs">
      <h3>公司介绍</h3>
    </div>
    <div class="gsjs_n">
      <span>
        {{ gsxq.fsjs }}
      </span>
    </div>
  </div>
</template>
<script>
import axios from "axios";
export default {
  name: "Gsxq",
  data() {
    return {
      gsxq: "",
    };
  },
  created() {
    axios({
      url: " http://localhost:3000/gsxq?id=001",
      method: "get",
      params: { gsxq: this.gsxq },
    }).then((res) => {
      console.log(res.data);
      this.gsxq = res.data[0];
      res.data;
    });
  },
  methods: {
    syy() {
      history.go(-1);
    },
  },
};
</script>     
<style scoped>
@import url("../../assets/font/font_cxl/iconfont.css");
.company_br_lift {
  position: relative;
}
.company_br_lift_xx {
  /* display: block; */
  position: absolute;
  top: 0.2rem;
  left: 0.25rem;
  color: gold;
}
.icon-shoucang {
  font-size: 0.1rem;
}
.arrow {
  margin-left: 0.2rem;
  width: 0.14rem;
  height: 0.14rem;
  border-top: 0.03rem solid black;
  border-right: 0.03rem solid black;
  transform: rotate(225deg);
  position: absolute;
  top: 0.3rem;
  /* color: #63adfa; */
}
footer span {
  position: absolute;
  top: 0.2rem;
  left: 38%;
  font-size: 0.24rem;
}
.company_name {
  margin-left: 0.14rem;
  margin-top: 0.8rem;
  margin-bottom: 0.13rem;
}
.company_name_top {
  font-size: 0.2rem;
}
.company_name_bottom {
  display: block;
  font-size: 00.12rem;
  margin-top: 00.06rem;
}
.company_br {
  width: 3.52rem;
  height: 0.92rem;
  border-radius: 0.3rem;
  background: #65cafe;
  margin-left: 0.14rem;
}

.company_br_lift {
  width: 1.1rem;
  height: 0.87rem;
  float: left;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 00.3rem;
  color: white;
}
.company_br_center {
  float: left;
  width: 1.1rem;
  height: 0.87rem;
  text-align: center;
  margin-top: 0.2rem;
  color: white;
  font-size: 0.16rem;
}
.company_br_center_bottom {
  display: block;
  margin-top: 0.05rem;
}
.company_br_right {
  float: left;
  width: 1.1rem;
  height: 0.87rem;
  text-align: center;
  margin-top: 0.2rem;
  color: white;
  font-size: 0.16rem;
}
.company_br_right_top {
  font-size: 0.16rem;
}
.company_br_right_bottom {
  font-size: 0.16rem;
}
.jbxx,
.gsjs {
  margin-left: 0.17rem;
  margin-bottom: 0.1rem;
}

.jbxx h3,
.gsjs h3 {
  font-size: 0.16rem;
}
.gsjs_n {
  display: block;
  margin-left: 0.17rem;
  color: #929292;
  font-size: 0.14rem;
}
ul {
  font-size: 0.14rem;
  padding-left: 0.3rem;
  width: 3.2rem;
}
ul li {
  list-style: none;
  margin-bottom: 0.16rem;
}
ul li span:nth-child(1) {
  color: #929292;
  display: block;
  float: left;
}
ul li span:nth-child(2) {
  display: inline-block;
  margin-left: 0.65rem;
  width: 1.91rem;
}
.shxy span:nth-child(2) {
  margin-left: 0.1rem;
}
.jyfw span:nth-child(2) {
  display: inline;
}
.gsjs_n {
  margin-bottom: 1rem;
  width: 3.2rem;
}
</style>
